<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<title>Aplicacion con RichFaces</title>
</h:head>
<h:body>
	<h:outputStylesheet library="css" name="application.css" target="head" />
	<f:view>
		<div align="center">
			<div style="width: 800px;" align="left">
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="Basico" />
					</f:facet>
					<h:form>
						<rich:calendar value="#{calendarBean.fecha}" />
					</h:form>
				</rich:panel>
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="Fecha y hora" />
					</f:facet>
					<h:form>
						<rich:calendar value="#{calendarBean.fecha}"
							datePattern="dd-MMM-yyyy HH:mm a" resetTimeOnDateSelect="true" />
					</h:form>
				</rich:panel>
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="Validacion de rangos de fecha" />
					</f:facet>
					<h:form>
						<rich:graphValidator id="filtroFecha" value="#{calendarBean}">
							<h:panelGrid columns="2" id="panelFiltroXFecha">
								<h:outputText value="Fecha inicio" />
								<rich:calendar id="calFechaIni"
									value="#{calendarBean.fechaInicio}">
									<a4j:ajax event="change" execute="@form"
										render="panelFiltroXFecha" />
								</rich:calendar>

								<h:outputText value="Fecha fin" />
								<rich:calendar id="calFechaFin" value="#{calendarBean.fechaFin}">
									<a4j:ajax event="change" execute="@form"
										render="panelFiltroXFecha" />
								</rich:calendar>
							</h:panelGrid>
							<rich:messages for="filtroFecha" />
						</rich:graphValidator>
					</h:form>
				</rich:panel>
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="Dias hábiles" />
					</f:facet>
					<h:outputScript>
						function esDiaHabil(day){
							if(day.isWeekend) 
								return false;
							else
								return true;
						}
					</h:outputScript>
					<h:form>
						<rich:calendar value="#{calendarBean.fecha}" 
							dayDisableFunction="esDiaHabil"/>
					</h:form>
				</rich:panel>
			</div>
		</div>
	</f:view>
</h:body>
</html>